import { jsx } from 'react/jsx-runtime';

function arrowRight (props) {
    const name = props.className;
    let className = 'w-svg';
    if (name) {
        className += ' ' + name;
    }
    let fn = props.onClick;
    let fnClick;
    if (fn) {
        fnClick = (e) => {
            fn(e);
        };
    }
    return (jsx("span", { onClick: fnClick, className: className, style: { fontSize: props.fontSize, color: props.color }, children: jsx("svg", { viewBox: "0 0 1024 1024", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M369.4 826.2l4.2-3.6 313-272c10.6-9.2 17.2-23 17.2-38.4 0-15.4-6.8-29.2-17.2-38.4L374.2 202l-5.2-4.6C364 194 358 192 351.6 192c-17.4 0-31.6 14.8-31.6 33.2l0 0 0 573.6 0 0c0 18.4 14.2 33.2 31.6 33.2C358.2 832 364.4 829.8 369.4 826.2z" }) }) }));
}

export { arrowRight as default };
